<div class="row text-center">

    <div id="sparkline-bar"></div>


    <div class="row">
        <div class="col-xs-4 col-md-offset-3">
            <div id="sparkline-bar"></div>
        </div>
        <div class="col-xs-3">
            <p><span class="label label-primary">10%</span> xxx</p>
            <p><span class="label label-warning">20%</span> xxx</p>
            <p><span class="label label-danger">30%</span> xxx</p>
            <p><span class="label label-success">40%</span> xxx</p>
        </div>
    </div>

</div>
<script>
    $(function () {
        var data = {!! json_encode($data) !!};
        $("#sparkline-bar").sparkline(data, {
            type: 'pie',
            width: '500',
            height: 300,
            barSpacing: 3,
            enableTagOptions: true,
            barWidth: 20,
            barColor: "#f39c12",
            axis_labels: ["平台收入", "商家收入", "投资方收入"],
        });
    });
</script>